@import "index.less";
.Top_position {
  .mainsVw {
    background: url(../images/enginCase01.png) no-repeat center center / cover;
  }
}
#enginCaseDetail {
  .container {
    .copyWrit {
      // box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);
      .copyWrit_content {
        padding-bottom: 30px;
        margin-bottom: 30px;

        .title {
          text-align: center;
          h2 {
            font-size: 24px;
            font-weight: bold;
            color: #333333;
            margin-bottom: 30px;
          }
          .date {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 30px;
            .left {
              display: flex;
              align-items: center;
              margin-right: 40px;
              .icon {
                width: 15px;
              }
            }
            .right {
              display: flex;
              align-items: center;
              .icon {
                width: 14px;
              }
            }
          }
          .line {
            width: 100%;
          }
        }
        .line {
          width: 100%;
          height: 1px;
          background-color: #d0d0d0;
          margin-bottom: 30px;
        }
        .essay {
          margin-bottom: 20px;
          font-size: 16px;
          line-height: 27px;

          p {
          padding: 0 30px;
            margin-bottom: 15px;
          }
          .text {
            .subheading {
              width: 100%;
              height: 35px;
              line-height: 35px;
              background: #eeeeee;
              border-left: 5px solid @color;
              padding-left: 15px;
              margin-bottom: 15px;
              @text_overflow_1();
            }

            margin-bottom: 15px;
          }
        }
        .copyWrit_btn {
          .btnList {
            display: flex;
            align-items: center;
            // justify-content: space-between;
            margin-bottom: 30px;
            .prev {
              width: 33%;
              text-align: left;
            }
            .returnBtn {
              width: 33%;
              @flex_c_c();


              .int {
                width: 150px;
                height: 46px;
                @flex_c_c();
                color: @btnColor;
                border: 2px solid @btnColor;
                .icon {
                  width: 20px;
                  margin-right: 10px;
                  &.hide {
                    display: none;
                  }
                }
                &.active,
                &:hover {
                  cursor: pointer;
                  background: @btnColor;
                  color: #fff;
                  .icon {
                    display: none;
                    &.hide {
                      display: block;
                    }
                  }
                }
              }

              // &.active,
              // &:hover {
              //   cursor: pointer;
              //   background: #b9251f;
              //   color: #fff;
              // }
            }
            .next {
              width: 33%;
              text-align: right;
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1370px) {
  #enginCaseDetail {
    .container {
      .copyWrit {
        .copyWrit_content {
          .essay {
            p{
              padding: 0;
            }
          }
          .copyWrit_btn {
            .btnList {
              .prev {
                margin-bottom: 10px;
              }
              
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 750px) {
  #enginCaseDetail {
    .container {
      .copyWrit {
        .copyWrit_content {
          padding-bottom: 0;
          .copyWrit_btn {
            .btnList {
              display: block;
              .prev {
                width: 100%;
              }
              .next {
                width: 100%;
                text-align: left;
              }
              .returnBtn {
                display: none;
              }
            }
          }
        }
      }
    }
  }
}
